@CHARSET "UTF-8";

@font-face {
  font-family: 'Hanshand';
  src: url('/fonts/hanshand.ttf') format('truetype');
}

@font-face {
    font-family: 'elite_hacker_corroded';
    src: url('/fonts/elite_hacker_corroded-webfont.eot');
    src: url('/fonts/elite_hacker_corroded-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/elite_hacker_corroded-webfont.woff') format('woff'),
         url('/fonts/elite_hacker_corroded-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0;
	padding: 0;
}

body {
	background-color: #ffffff;
}

#container {
	width: 972px;
	margin: 0 auto;
}

header {
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
}

#menu {
	text-align: right;
}

ul.navigation {
	list-style-type: none;
}

ul.navigation li ul{
	list-style-type: none;
}

ul.navigation li {
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
}

ul.navigation li a {
	text-decoration: none;
	padding: 5px;
	color: #ffffff;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-radius:20px;
}

ul.navigation li a:hover {
	background: #333;
	color: #dddddd;
}

ul.navigation li ul {
	display: none;
}

h1.gotit {
	font-family: "Hanshand";
}

ul.navigation li.active a {
	background: #000000;
	color: #aaaaaa;
}